将后端取到的数据保存到前端本地存储

• 我们在做前后端分离项目的时候，前端请求后端数据，并且后端返回给前端，有时候我们想利用在页面A中请求到的数据，在页面B中渲染出来，但是这个时候，如果不做数据保存的处理，那么在页面B需要渲染之前需要重新进行数据请求，这样就比较麻烦了，所有我们可以

• 利用localStorage进行数据保存

在这种情况下就需要一个页面之间的通讯，也就是暂时的本地存储

但是无论是loca还是session还是cookie都是存储的字符串类型

我们需要通过一些方法对返回的数据进行处理

前端页面A：

 this.$message.success('登录成功')
//将后端返回来的json格式的数据转换为String格式
 var str_jsonData = JSON.stringify(res.data)
//通过localStorage保存到本地中,命名为localData
 localStorage.setItem('localData', str_jsonData);

前端页面B：

//读取本地的字符串数据
    var getLocalData = localStorage.getItem('localData');
//显示类型 这个时候是字符串类型
    console.log(typeof (getLocalData));
//将字符串类转换为json格式
    var jsonObj = JSON.parse(getLocalData);
//从jsonObj中提取我们想要的数据
    console.log(jsonObj.username);